<template>
	<view>
		<!-- 订单状态 -->
		<div class="info-view order-view">
			<div class="order-status" v-if="orderStatusList[order.status]">
				{{ orderStatusList[order.status].title }}
				<div>{{ orderStatusList[order.status].value }}</div>
			</div>

		</div>
		<!-- 地址 -->
		<view class="info-view" style="margin-top:-15px;" v-if="order.logistics_type != '1'">
			<view class="address-view">
				<view>
					<view class="address-title" v-if="order.address_data">
						<span>{{order.address_data.name}}</span>
						<span>{{order.address_data.mobile}}</span>
					</view>
					<view class="address">地址：{{order.address_detail_data_text}}
					</view>
				</view>
			</view>
		</view>

		<!-- 物流信息 -->
		<view class="info-view logistics-view" v-if="order.logistics_type != '1' && order.shipping_tracking_number">
			<view class="logistics-List">
				<view class="logi-view flex align-center" v-if="true">
					<view class="verificationCode">
						当前物流单号:{{order.shipping_tracking_number}}
					</view>
					<text class="ml-2 fte87722 fs-28" @click="onCopy(order.shipping_tracking_number)">
						复制
					</text>
				</view>
				<view v-else class="logistics-List-title">
					{{ '暂无物流信息' }}
				</view>
			</view>
		</view>

		<!-- 商品信息 -->
		<view :style="{'margin-top':order.logistics_type == '1'?'-25px':''}">
			<view class="seller-view">
				<!-- 店铺名称 -->
				<view class="seller-info u-flex u-row-between">
					<view class="seller-name" @click="goToShopPage(order)">
						<view class="name"></view>
						<view class="flex align-center">
							<view class="ftf40b0b bdf40b0b fs-24 border px-2 rounded py-1" v-if="orderStatusList[order.status]"> {{ orderStatusList[order.status].title
							}}</view>
							<text v-if="isOverdue() && order.status == 4" class="border px-2 rounded fs-24 ml-2 py-1"
								:style="{'color':'#e87722','border-color':'#e87722'}">已逾期</text>
						</view>
					</view>
					<view class="order-sn"></view>
				</view>
				<view class="goods-item-view" v-if="order.goods_info">
					<view class="goods-img" @click="gotoGoodsDetail()">
						<u-image border-radius="6" width="131rpx" height="131rpx" :src="order.goods_info.goods_img"></u-image>
					</view>
					<view class="goods-info" @click="gotoGoodsDetail()">
						<view class="goods-title u-line-2">{{ order.goods_info.goods_name }}</view>
						<view class="fs-24 ft666666">规格：{{ruleText}}</view>
						<view class="fs-24 fte87722">
							￥{{day_amount}}/天
						</view>
					</view>
					<view class="goods-num">
						<view>x{{order.goods_num}}</view>
					</view>
				</view>
				<view class=" flex align-center justify-center flex-1 mx-2 fs-28 ft666666 mt-3"
					v-if="overdueTimeShow() > 0 && order.status == 4">
					<text>即将逾期：</text>
					<view style="width: 70px;">
						<u-count-down :timestamp="overdueTimeShow()" :show-days="false" font-size="28" separator-color="#e87722"
							color="#e87722"></u-count-down>
					</view>
				</view>
				<view class="flex align-center fs-24 bg-linear1 text-white rounded-circle mx-2 py-1 mt-3 px-2"
					v-if="order.recent_end">
					<view class="flex-1 flex align-center">
						<view class="bg-white fte87722 font-icon mr-2">始</view>
						<view class="flex flex-column">
							<text>起租日</text>
							<text>{{order.rencent_start.split(' ')[0]}}</text>
						</view>
					</view>
					<view class="flex-1 flex align-center">
						<view class="bg-white fte87722 font-icon mr-2">还</view>
						<view class="flex flex-column">
							<text>归还日</text>
							<text>{{order.recent_end.split(' ')[0]}}</text>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="info-view flex flex-column">
			<view class="order-info-view">
				<view class="title">押金：</view>
				<view class="value font-weight-bold">￥{{ order.all_deposit_money}}</view>
			</view>
			<view class="order-info-view">
				<view class="title">租金 ：</view>
				<view class="value font-weight-bold">￥{{ order.first_recent_money}}</view>
			</view>
			<view class="order-info-view">
				<view class="title">商品总价：</view>
				<view class="value font-weight-bold">￥{{ order.order_money}}</view>
			</view>
		</view>
		<view class="info-view">
			<view style="width: 100%">
				<view class="order-info-view">
					<view class="title">订单编号：</view>
					<view class="value">
						{{ order.order_agreement_no }}
						<text class="copy" @click="onCopy(order.order_agreement_no)">复制</text>
					</view>
				</view>
				<view class="order-info-view">
					<view class="title">下单时间：</view>
					<view class="value">{{order.create_time }}</view>
				</view>
				<view class="order-info-view">
					<view class="title">订单备注：</view>
					<view class="value">{{order.remark || '暂无备注'}}</view>
				</view>
				<view class="order-info-view">
					<view class="title">支付状态：</view>
					<view class="value">
						{{order.status == "0" ? "未付款" : "已付款" }}
					</view>
				</view>
				<!-- <view class="order-info-view">
					<view class="title">支付方式：</view>
					<view class="value">微信支付</view>
				</view> -->
			</view>
		</view>

		<!-- <view class="info-view" v-if="order.status != '0'">
			<view>
				<view class="invoice-info-view">
					<view class="invoice-title">发票信息：</view>
					<view class="value">无需发票</view>
				</view>
			</view>
		</view> -->
		<view style="padding-bottom: 150rpx"></view>

		<view class="bottom_view">
			<view class="btn-view flex align-center justify-between">
				<view class="description">
					<!-- 全部 -->
					<!-- 等待付款 -->

					<text v-if="order.status != '0'">已付金额：</text>
					<text v-else>应付金额：</text>

					<text class="price">￥{{ order.order_money}}</text>
				</view>
				<view class="flex align-center" v-if="order.status > 0">
					<!-- 全部 -->
					<!-- 等待付款 -->
					<view v-if="order.status == '2'" class="bge87722 text-white fs-24 px-2 rounded-circle order-btn"
						@click="onRog(order,'orderShip')">
						订单发货
					</view>
					<view v-if="order.status == '5'" class="bge87722 text-white fs-24 px-2 rounded-circle order-btn"
						@click="onRog(order,'confirmReturn')">
						确认收货
					</view>
					<view v-if="order.status == '4'" class="bge87722 text-white fs-24 px-2 rounded-circle order-btn"
						@click="onRog(order,'sendUrgeBackSms')">
						催收短信
					</view>
					<!-- <view class="bge87722 text-white fs-24 px-2 rounded-circle order-btn" @click="onRog(order,'sendUrgeBackSms')">
						确认退款
					</view> -->
				</view>
			</view>
		</view>
		<u-popup class="cancel-popup" v-model="cancelShow" mode="bottom" length="60%">
			<view class="header font-weight-bold fs-40">取消订单</view>
			<view class="body">
				<view class="title">取消订单后，本单享有的优惠可能会一并取消，是否继续？</view>
				<view class="mt-4 p-2 border rounded">
					<textarea class="w-100" v-model.trim="cancel_reason" placeholder="取消原因" />
				</view>
			</view>
			<view class="footer flex align-center justify-center">
				<view class="ft999999 border bd999999 rounded-circle py-1" style="width: 200rpx;" @click="cancelShow = false">取消
				</view>
				<view class="ml-5 bde87722 border fte87722 rounded-circle py-1" style="width: 200rpx;" @click="submitCancel">提交
				</view>
			</view>
		</u-popup>
		<u-modal v-model="rogShow" :show-cancel-button="true" :content="content" :confirm-color="lightColor"
			@confirm="confirmRog"></u-modal>

		<!--发货-->
		<u-modal :confirm-color="lightColor" v-model="wlShow" :show-cancel-button="true" title="确认发货？" @confirm="confirmWl">
			<view class="flex flex-column align-center pt-5 mb-4 px-2">
				<input class="w-100 text-center" type="text" v-model.trim="logisticsNo" placeholder="请输入物流单号">
			</view>
		</u-modal>


		<!--确认已归还-->
		<u-modal :confirm-color="lightColor" v-model="orderReturnShow" :show-cancel-button="true" title="确认已归还？"
			@confirm="confirmOrderReturn">
			<view class="flex flex-column align-center pt-5 mb-4 px-2">
				<!-- <view class="bgf7f7f7 p-2 w-100 box-sizing mb-2 fs-28">未逾期</view> -->
				<view class="bgf7f7f7 p-2 w-100 box-sizing mb-2 fs-28 fte87722">已逾期x天，每日租金x元，逾期租金m元</view>
				<view class="flex align-center fs-28 w-100">
					<text>商品是损坏：</text>
					<view class="flex-1">
						<radio-group @change="radioChange">
							<view class="flex align-center">
								<radio style="transform:scale(0.7)" value="1" :checked="return_condition == 1" />
								<view>否</view>
								<radio style="transform:scale(0.7)" value="2" :checked="return_condition == 2" />
								<view>是</view>
							</view>
						</radio-group>
					</view>
				</view>
				<view class="flex align-center fs-28 w-100 mt-2">
					<text>赔偿押金：</text>
					<view class="flex-1">
						<input class="w-100 fs-24" type="number" v-model.trim="harm_money" placeholder="赔偿押金(元)">
					</view>
				</view>
				<view class="flex align-center fs-28 w-100 mt-2">
					<text>总扣除金额：</text>
					<view class="flex-1">0.00元</view>
				</view>
			</view>
		</u-modal>
	</view>
</template>

<script>
	import {
		getOrderDetail,
		orderShip,
		confirmReturn,
		sendUrgeBackSms
	} from "@/api/store.js";


	export default {
		data() {
			return {
				lightColor: this.$lightColor,
				logisticsList: "", //物流信息
				shareFlag: false, //拼团分享开关
				orderStatusList: {
					'0': {
						title: "未付款",
						value: "商品暂未付款",
					},
					'2': {
						title: "待发货",
						value: "商品等待发货中",
					},
					'3': {
						title: "已发货",
						value: "商品已发货,请您耐心等待",
					},
					'4': {
						title: "租赁中",
						value: "商品使用中",
					},
					'10': {
						title: "租赁中",
						value: "商品使用中",
					},
					'5': {
						title: "待收货",
						value: "商品归还中",
					},
					'9': {
						title: "已买断",
						value: "商品已购买",
					},
					'8': {
						title: "已取消",
						value: "订单已取消",
					},
					'6': {
						title: "已完成",
						value: "订单已完成,祝您生活愉快",
					},
					'1': {
						title: "待自提",
						value: "商品正在等待提取",
					},
				},
				order: {},
				cancelShow: false, //取消订单
				orderSn: "",
				orderGoodsList: "", //订单中商品集合
				orderDetail: "", //订单详情信息
				sn: "",
				cancelList: "",
				rogShow: false,
				reason: "",
				orderPackage: "",
				cancel_reason: '',
				wlShow: false,
				logisticsNo: '',
				content: '是否确认收货?',
				confirmType: '',
				orderReturnShow: false,
				return_condition: '1',
				harm_money: ''
			};
		},
		computed: {
			ruleText() {
				if (!this.order.sku_data || !this.order.sku_data.spec_attrs) return ''
				const attr = this.order.sku_data && this.order.sku_data.spec_attrs
				let str = []
				Object.keys(attr).forEach(key => {
					if (key == '租期') {
						str.push(attr[key] + '天')
					} else {
						str.push(attr[key])
					}
				})
				return str.join(',')
			},
			day_amount() {
				const sku_data = this.order.sku_data
				return Number(sku_data.price / sku_data.spec_attrs['租期']).toFixed(2)
			}
		},
		onLoad(options) {
			this.loadData(options.sn);
			this.sn = options.sn;
		},
		methods: {
			isOverdue() {
				// this.order.recent_end = '2025-11-22 21:09:46'
				const flag = (new Date(this.order.recent_end).getTime() + 86400000) - (this.order.now * 1000) < 0
				if (flag) {
					return true
				}
				return false
			},
			overdueTimeShow() {
				// this.order.recent_end = '2025-11-22 21:09:46'
				const timer = (new Date(this.order.recent_end).getTime() + 86400000) - (this.order.now * 1000)
				// console.log('timer-----', timer)
				return timer / 1000
			},
			showCode() {
				uni.navigateTo({
					url: `/pages/order/scanCode?sn=${this.sn}`
				})
			},
			//获取包裹
			async getOrderPackage() {
				getPackage(this.order.sn).then(res => {
					if (res.data.success) {
						this.orderPackage = res.data.result
					}
				})
			},
			handleClickDeliver() {
				// 复制到剪贴板
				uni.setClipboardData({
					data: '123456',
				})
				// uni.navigateTo({
				// 	url: `/pages/order/deliverDetail?order_sn=${this.order.sn}`,
				// });
			},
			// 退款状态枚举
			refundPriceList(status) {
				switch (status) {
					case 'ALL_REFUND':
						return "全部退款";
					case 'PART_REFUND':
						return "部分退款";
					case 'NO_REFUND':
						return "未退款";
					case 'REFUNDING':
						return "退款中";
					default:
						return "";
				}
			},
			callPhone() {
				this.$options.filters.callPhone(this.order.storeAddressMobile)
			},
			//联系客服
			contact(storeId) {
				this.$options.filters.talkIm(storeId)
			},
			goToShopPage(val) {
				uni.navigateTo({
					url: "/pages/product/shopPage?id=" + val.storeId,
				});
			},
			// 获取物流信息
			loadLogistics(sn) {
				getExpress(sn).then((res) => {
					this.logisticsList = res.data.result;
				});
			},
			// #TODO 这块需要写一下 目前没有拼团的详细信息
			ByUserMessage(order) {
				uni.navigateTo({
					url: "/pages/cart/payment/shareOrderGoods?sn=" +
						order.sn +
						"&sku=" +
						this.orderGoodsList[0].skuId +
						"&goodsId=" +
						this.orderGoodsList[0].goodsId,
				});
			},
			async loadData(sn) {
				uni.showLoading({
					title: "加载中",
				});
				getOrderDetail({
					order_id: sn
				}).then((res) => {
					const order = res.data;
					this.order = order;
					// this.orderGoodsList = order.orderItems;
					this.orderDetail = res.data;
					if (this.order.deliveryMethod === 'LOGISTICS') {
						this.loadLogistics(sn);
						this.getOrderPackage();
					}
					if (this.$store.state.isShowToast) {
						uni.hideLoading()
					};
				}).finally(() => {
					uni.hideLoading()
				});

			},
			onReceipt(val) {
				uni.navigateTo({
					url: "/pages/order/invoice/invoiceDetail?id=" + val.id,
				});
			},
			gotoGoodsDetail(sku) {
				uni.navigateTo({
					url: `/pages/product/goods?id=${sku.skuId}&goodsId=${sku.goodsId}`,
				});
			},
			onCopy(sn) {
				this.$options.filters.setClipboard(sn)
			},

			/**
			 * 投诉
			 */
			complaint(sku) {
				uni.navigateTo({
					url: "/pages/order/complain/complain?sn=" +
						this.sn +
						"&skuId=" +
						sku.skuId,
				});
			},
			//售后按钮
			onAfterSales(sn, sku) {
				uni.navigateTo({
					url: `./afterSales/afterSalesSelect?sn=${sn}&sku=${encodeURIComponent(
          JSON.stringify(sku)
        )}`,
				});
			},
			// 去支付
			toPay(val) {
				if (val.sign_status == 0) {
					this.getSignUrl(val)
				} else {
					this.paymentCreate()
				}
			},
			paymentCreate() {
				let submitData = {
					order_id: this.order.id,
					payment_method: "wechat",
					openid: uni.getStorageSync('openId')
				};
				// 调用支付
				paymentCreate(submitData).then((res) => {
					let response = res.data.data.jsapi_params;
					console.log('response-------', response)
					uni.hideLoading();
					uni.requestPayment({
						provider: "wxpay",
						appid: response.appid,
						timeStamp: response.timeStamp,
						nonceStr: response.nonceStr,
						package: response.package,
						signType: response.signType,
						paySign: response.paySign,
						success: (e) => {
							uni.showToast({
								icon: "none",
								title: "支付成功!",
							});
						},
						fail: (e) => {
							this.exception = e;
							// 支付异常或支付失败之后跳转到订单页面
							uni.showModal({
								content: "支付失败,如果您已支付，请勿反复支付",
								showCancel: false,
								success: () => {
									uni.redirectTo({
										url: "/pages/order/order?status=0",
									});
								},
							});
						},
					});
				});
			},
			getSignUrl(data) {
				getSignUrl({
					order_id: data.id
				}).then(res => {
					uni.hideLoading()
					const url = res.data.sign_url
					uni.redirectTo({
						url: `/pages/navigation/webview?url=${encodeURIComponent(url)}`
					})
				})
			},
			//删除订单
			deleteOrder(index) {
				uni.showLoading({
					title: "请稍后",
				});
				setTimeout(() => {
					this.navList[this.tabCurrentIndex].orderList.splice(index, 1);
					if (this.$store.state.isShowToast) {
						uni.hideLoading()
					};
				}, 600);
			},
			//取消订单
			onCancel(sn) {
				this.orderSn = sn;
				this.cancelShow = true;
			},

			//提交取消订单（未付款）
			submitCancel() {
				cancelOrder(this.orderSn, {
					reason: this.reason
				}).then((res) => {
					if (res.data.success) {
						uni.showToast({
							title: "已取消",
							duration: 2000,
							icon: "none",
						});
						this.cancelShow = false;
						setTimeout(() => {
							uni.reLaunch({
								url: "/pages/order/myOrder?status=0",
							});
						}, 500);
					} else {
						uni.showToast({
							title: res.data.message,
							duration: 2000,
							icon: "none",
						});
						this.cancelShow = false;
					}
				});
			},

			//确认收货
			onRog(order, type) {
				this.orderSn = order;
				this.confirmType = type
				if (type == 'orderShip') {
					this.wlShow = true;
				} else if (type == 'confirmReturn') {
					// this.content = '是否确认收货?'
					this.orderReturnShow = true;
				} else if (type == 'sendUrgeBackSms') {
					this.content = '确定发送催收短信？'
					this.rogShow = true;
				}
			},
			confirmWl() {
				if (!this.logisticsNo) {
					uni.showToast({
						title: '请输入物流单号',
						icon: 'none'
					})
					return;
				}
				const data = {
					order_id: this.orderSn.id,
					logistics_no: this.logisticsNo
				}
				orderShip(data).then(res => {
					if (res.code == 1) {
						this.loadData(this.sn);
					}
					uni.showToast({
						title: res.msg,
						icon: 'none'
					})
				})
			},
			confirmOrderReturn() {
				const data = {
					order_id: this.orderSn.id
				}
				if (this.return_condition) {
					data.return_condition = this.return_condition == 1 ? '商品未损坏' : '商品已损坏'
				}
				if (this.harm_money) {
					data.harm_money = this.harm_money
				}
				console.log(data)
				return;
				confirmReturn(data).then((res) => {
					if (res.code == 1) {
						this.loadData(this.sn);
						this.rogShow = false;
					}
					uni.showToast({
						title: res.msg,
						icon: "none",
					});
				});
			},
			/**
			 * 点击确认收货
			 */
			confirmRog() {
				if (this.confirmType == 'confirmReturn') {

				} else if (this.confirmType == 'sendUrgeBackSms') {
					sendUrgeBackSms({
						order_id: this.orderSn.id
					}).then((res) => {
						if (res.code == 1) {
							this.rogShow = false;
							this.loadData(this.sn);
						}
						uni.showToast({
							title: res.msg,
							icon: "none",
						});
					});
				}

			},
			//评价商品
			onComment(sn) {
				uni.navigateTo({
					url: "./evaluate/myEvaluate",
				});
			}, //查看物流
			onLogistics(order) {
				uni.navigateTo({
					url: "/pages/mine/msgTips/packageMsg/logisticsDetail?logi_id=" +
						order.logi_id +
						"&ship_no=" +
						order.ship_no +
						"&order_sn=" +
						order.sn,
				});
			},

			//选择取消原因
			reasonChange(reason) {
				this.reason = reason;
			},
			reBuy(order) {
				uni.navigateTo({
					url: "/pages/product/goods?id=" + order.id + "&goodsId=" + order.goodsId,
				});
			},
		},
	};
</script>

<style lang="scss" scoped>
	@import "./goods.scss";

	.font-icon {
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		border-radius: 50px;
	}

	.order-btn {
		height: 50rpx;
		line-height: 50rpx;
	}

	.empty {
		width: 100%;
	}

	.customer-service {
		background: #ededed;
		// padding: 12rpx 40rpx;
		width: 48%;
		margin: 0 1%;
		height: 55rpx;
		line-height: 55rpx;
		margin-bottom: 10rpx;
		text-align: center;
		font-size: 24rpx;
		border-radius: 10rpx;
	}

	.customer-list {
		display: flex;
		flex-wrap: wrap;
	}

	.logistics-view {
		justify-content: space-between;
		padding: 30rpx !important;
		margin: 0 !important;
	}

	.order-status {
		color: #fff;
		width: 100%;
		text-align: center;
		font-size: 36rpx;
		margin-top: 40rpx;

		>div {
			font-size: 24rpx;
			margin-top: 10rpx;
		}
	}

	.logistics-List-title {
		margin-bottom: 10rpx;
		font-size: 26rpx;
	}

	.logistics-List-time {
		font-size: 24rpx;
		color: #999;
	}

	.info-detail {
		margin-right: 30rpx;
		color: #333;
	}

	.order-view {
		margin: 0 !important;
		border-radius: 0 !important;
		width: 100%;
		height: 200rpx;
		padding: 0 !important;
		background-image: linear-gradient(to right,
				$light-color 0%,
				$aider-light-color 100%) !important;
	}

	page,
	.content {
		background: #f1f1f1;
		height: 100%;
	}

	.info-line {
		align-items: center;
		display: flex;
		border-radius: 30rpx;
		flex-direction: row;
		justify-content: space-between;
		background-color: #fff;
		width: 100%;
		height: 110rpx;
		color: #333333;
		font-size: 28rpx;
		border-bottom: 1rpx solid #eeeeee;

		.info-title {
			margin: 0 30rpx;
			padding: 16rpx 0rpx;
		}
	}

	.seller-view {
		margin: 20rpx 0;
		padding: 15rpx 0;
		border-radius: 30rpx;
	}

	.address-title {
		font-size: 26rpx;
		font-weight: bold;

		>span {
			margin-right: 20rpx;
		}
	}

	.info-view {
		display: flex;
		flex-direction: column;
		margin: 0 0 20rpx 0;
		border-radius: 30rpx;
		padding: 15rpx 30rpx;
		margin-bottom: 20rpx;
		background-color: #fff;

		.address-view {
			display: flex;
			flex-direction: row;
			padding: 16rpx 0;

			.address {
				color: $font-color-light;
				overflow: hidden;
				line-height: 1.75;
				font-size: 22rpx;
			}
		}

		.order-info-view {
			line-height: 40rpx;
			display: flex;
			flex-direction: row;
			width: 100%;
			margin: 10rpx 0rpx;

			.title {
				color: #666;
				width: 140rpx;
				font-size: 24rpx;
				font-weight: 600;
				flex: 3;
				min-width: 160rpx;
			}

			.value {
				color: #666;
				font-size: 24rpx;
				flex: 10;
			}

			.copy {
				font-size: 20rpx;
				color: #333;
				border: 1px solid #dddddd;
				margin-left: 30rpx;
			}
		}

		.invoice-info-view {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			width: 100%;
			margin: 10rpx 0rpx;

			.invoice-title {
				width: 550rpx;
				font-size: 28rpx;
				color: #333333;
			}

			.value {
				color: $font-color-light;
			}
		}
	}

	.verificationCode {
		font-weight: bold;
		letter-spacing: 2rpx;
	}

	.bottom_view {
		width: 100%;
		height: 100rpx;
		background-color: #ffffff;
		position: fixed;
		bottom: 0;
		left: 0;

		.btn-view {
			padding: 0 30rpx;
			line-height: 100rpx;
			font-size: 26rpx;

			.description {
				color: #909399;
				size: 25rpx;

				.price {
					color: $main-color;
				}
			}
		}

		.cancel-btn {
			color: #999999;
			border-color: #999999;
			margin-left: 15rpx;
			height: 60rpx;
		}
	}

	.cancel-popup {
		.header {
			display: flex;
			flex-direction: row;
			justify-content: center;
			margin: 15rpx 0rpx;
		}

		.body {
			padding: 30rpx;

			.title {
				font-weight: 600;
			}

			.value {
				display: flex;
				flex-direction: column;

				.radio-view {
					margin: 10rpx 0rpx;
				}
			}
		}

		.footer {
			text-align: center;
		}
	}

	.address-line-height {
		line-height: 1.75;
	}

	.seller-name {
		>.name {
			flex: 10 !important;
		}

		>.status {
			flex: 2;
		}
	}
</style>